$hui1:#202425;
$hui2:#463f41;
$pink:#f62461;
html,body{
    height: 100%;
    width: 100%;
    background: #fdf6f7;
    position: relative;
    background: url(../img/pback.png) repeat;
            background-position: center;
            background-size: cover;
}
a{
    text-decoration: none;
    color: black;
}
li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}
.product{
    width: 100%;
    height: 100%;
    header{
        background:rgba(255, 255, 255, 0.3); /* 标准的语法 */
        position: fixed;
        top:0;
        left:0;
        z-index: 999;
        li{            
            a{
                color: white;
            }
        }
        li:hover{
            // background: rgba(255, 255, 255, 0.2);
            border-bottom:0.04rem solid white;
        }
        .active{
            // background: rgba(255, 255, 255, 0.2);
            border-bottom:0.04rem solid white;
        }
    }
    .tabwork{
        width: 100%;
        position: relative;
        height: 100%;
        .swiper-container {
            width: 100%;
            height: 100%;
          }
          .swiper-slide {
            width: 100%;
            height:100%;
            text-align: center;
            font-size: 18px;
            .logoword{
                display: flex;
                position: absolute;
                img{
                    width: 0.5rem;
                    height: 0.5rem;
                    display: block;
                    margin-right: 0.32rem;
                }
                p{
                    color: #202425;
                    font-size: 0.36rem;
                }
            }
            .back{
                width: 13.68rem;
                height: auto;
                position: absolute;
                left:0;
                top:0;
            }
            .word{
                position: absolute;
                p{
                    color: #202425;
                    font-size: 0.2rem;
                    line-height: 0.48rem;
                    letter-spacing: 0.02rem;
                }
            }
            .code{
                position: absolute;
                display: flex;
                dl{
                    margin-right: 1rem;
                    dd{
                        margin-bottom: 0.1rem;
                        img{
                            width: 1.04rem;
                            height: 1.04rem;
                        }
                    }
                    dt{
                        font-size: 0.2rem;
                        line-height: 0.28rem;
                        height: 0.26rem;
                        img{
                            margin-right: 0.1rem;
                        }
                        .ilogo{
                            width: 0.2rem;
                            height: 0.24rem;
                            float: left;
                        }
                        .alogo{
                            width: 0.21rem;
                            height: 0.25rem;
                            float: left;
                        }
                    }
                }
            }
            .con,.free{
                width: 13.68rem;
                height: 7.87rem;
                position: relative;
                left:50%;
                top:50%;
                margin-left: -6.64rem;
                margin-top: -3.6rem;
                .download{
                    font-size: 0.3rem;
                    color: white;
                    position: absolute;
                    left:0.78rem;
                    top:0.25rem;
                }
                .logoword{
                    top:1.53rem;
                    left:0.78rem;
                }
                .word{
                    top:2.45rem;
                    left:0.78rem;
                    
                    text-align: left;
                }
                .code{
                    left:0.78rem;
                    bottom:1.5rem;                   
                }
            }
            .legal{
                width: 13.68rem;
                height: 7.87rem;
                position: relative;
                left:50%;
                top:50%;
                margin-left: -6.64rem;
                margin-top: -3.6rem;                
                .logoword{
                    top:1.53rem;
                    right:0.78rem;
                }
                .word{
                    top:2.45rem;
                    right:0.78rem;
                    text-align: right;
                }
                .code{
                    right:0.78rem;
                    bottom:1.5rem;
                }
            }
            // .free{
            //     width: 13.68rem;
            //     height: 7.87rem;
            //     position: relative;
            //     left:50%;
            //     top:50%;
            //     margin-left: -6.64rem;
            //     margin-top: -3.6rem;                
            //     .logoword{
            //         top:1.53rem;
            //         left:0.78rem;
            //     }
            //     .word{
            //         top:2.45rem;
            //         left:0.78rem;
            //         text-align: left;
            //     }
            //     .code{
            //         left:0.78rem;
            //         bottom:1.5rem;
            //     }
            // }
          }
          .swiper-pagination{
            // bottom:5.5rem;
            // height: 0.5rem;
            .swiper-pagination-bullet{
                transition: 0.3s all ease;
                border-radius: 0;
                width: 0.13rem;
                height: 0.13rem;
                border-radius: 50%;
                background: white;
                margin-left: 0.04rem;
                opacity: 1;
                margin-bottom: 0.34rem;
            }
            .swiper-pagination-bullet-active{
                width: 0.25rem;
                height: 0.25rem;
                margin-left: 0rem;
            }
        }
    }
}